.login {
  background: #0f0f0f url(../images/login-bg.png) no-repeat;
  background-size: 100% 100%; }
  .login .logo {
    width: 0.73rem;
    height: 0.84rem;
    display: block;
    margin: 0 auto;
    padding: 0.77rem 0 0.7rem; }
  .login .form {
    padding: 0 0.33rem; }
    .login .form .section {
      margin-bottom: 0.17rem;
      position: relative; }
      .login .form .section.section-pass input {
        padding-right: 0.5rem; }
      .login .form .section input {
        width: 100%;
        background: #16110C;
        border: 1px solid #41270F;
        border-radius: 0.46rem;
        color: #FFFFFF;
        font-size: 0.14rem;
        outline: none;
        padding: 0.13rem 0.2rem 0.13rem 0.5rem;
        line-height: 0.2rem; }
        .login .form .section input::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          color: #41270F; }
        .login .form .section input:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #41270F; }
        .login .form .section input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #41270F; }
        .login .form .section input:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #41270F; }
      .login .form .section .icon {
        position: absolute; }
      .login .form .section .icon-left {
        left: 0.19rem;
        top: 50%;
        margin-top: -0.11rem; }
      .login .form .section .icon-right {
        right: 0.2rem;
        top: 50%; }
    .login .form .warn {
      color: #FF0000;
      margin-top: 0.06rem;
      margin-bottom: 0.12rem;
      font-size: 0.14rem; }
    .login .form .login-btn {
      height: 0.46rem;
      line-height: 0.46rem;
      font-size: 0.16rem;
      color: #FFFFFF;
      text-align: center;
      background-image: linear-gradient(-269deg, #FF8F25 0%, #FF4646 100%);
      border-radius: 0.46rem;
      display: inline-block;
      width: 100%; }

@media screen and (min-width: 1025px) {
  .login {
    background: none; } }
